<script setup>
// 定义props
defineProps(['title','newContent']);
// 定义emit函数，给调用者或父组件预留的点击事件
const emit = defineEmits(['big']);
function fontBig()
{
    emit('big');
}
</script>

<template>
新闻标题：<h1>{{ title }}</h1>
<br>
新闻内容：
<h3>{{ newContent }}</h3>
<br>
<hr>
插槽的内容：<br>
<slot></slot>
<button @click="fontBig">字体放大</button>
</template>

<!--scope样式只在本页面有用-->
<style scoped>
h1{
  color: red;
}
</style>